<template>
  <view>
    <SpaceHeader />
    <view class="logo">
      <img src="@/static/logo.png" />
    </view>
    <view class="login-form">
      <van-field
        :value="loginInfo.phone"
        clearable
        placeholder="手机号"
        @change="loginInfo.phone = $event.mp.detail"
        :border="false"
      />
      <view class="button-field">
        <van-field
          :value="loginInfo.password"
          custom-style=""
          type="password"
          placeholder="密码"
          @change="loginInfo.password = $event.mp.detail"
          :border="false"
          use-button-slot
        >
          <van-button
            slot="button"
            size="small"
            type="primary"
            plain
            @click="goTo('/pages/login/find-password/first-page/index')"
          >
            找回密码
          </van-button>
        </van-field>
      </view>
      <van-button type="primary" size="large" @click="login">登录</van-button>
    </view>
    <view class="more-login">
      <van-button
        type="primary"
        size="large"
        @click="goTo('/pages/login/code-login/first-page/index')"
      >
        验证码登录
      </van-button>
    </view>
    <van-toast id="van-toast" />
  </view>
</template>
<script src="./script.js"></script>
<style lang="less" src="./style.less"></style>
